{% extends "base.html" %}

{% block content %}
    <div class="content-wrapper p-4">
        <!-- 用户信息卡片 -->
        <div class="row">
            <!-- 左侧头像区域 -->
            <div class="col-md-4 mb-4 mb-md-0">
                <div class="card h-100">
                    <div class="card-body text-center">
                        <img src="https://picsum.photos/id/1005/200/200"
                             class="rounded-circle mb-3"
                             width="150"
                             height="150"
                             alt="用户头像">
                        <h5 class="card-title">{{ user.username }}</h5>
                        <p class="text-muted">班级：{{ user.class_id }}</p>
                        <p class="text-muted">学号：{{ user.student_id }}</p>
                        <p class="text-muted">邮箱：{{ user.email }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}